<div class="widget-box widget-color-blue">
	<div class="widget-header">
		<h5 class="widget-title">产品详情</h5>

		<div class="widget-toolbar">
			<a href="#" data-action="collapse">
				<i class="1 ace-icon fa fa-chevron-up bigger-125"></i>
			</a>
		</div>

		<div class="widget-toolbar no-border">
			<button class="btn btn-xs btn-primary" onclick="ProductChecker.showPageProductList()">
				<i class="ace-icon fa fa-arrow-left"></i>
				返回
			</button>
		</div>
	</div>

	<div class="widget-body">

		<div class="widget-main">
			<div class="row">
				<div class="col-sm-12 widget-container-col" id="widget-container-col-12">
					<div class="widget-box transparent" id="widget-box-12">
						<div class="widget-header">
							<h4 class="widget-title">产品信息</h4>
							<div class="widget-toolbar">
								<a href="#" data-action="collapse">
									<i class="1 ace-icon fa fa-chevron-up bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="widget-body">
							<div class="widget-main padding-6 no-padding-left no-padding-right">
								<div class="profile-user-info profile-user-info-striped">
									{% for field in product_info %}
										<div class="profile-info-row">
											<div class="profile-info-name" style="width: 150px">{{ field.label }}</div>
											<div class="profile-info-value">
												{% if field.name == "check_status" %}
													<span class="editable" style="color: red" id="{{ field.name }}">{{ field.value }}</span>
												{% else %}
													<span class="editable" id="{{ field.name }}">{{ field.value }}</span>
												{% endif %}
											</div>
										</div>
									{% endfor %}
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-sm-12 widget-container-col" id="widget-container-col-12">
					<div class="widget-box transparent" id="widget-box-12">
						<div class="widget-header">
							<h4 class="widget-title">产品证书</h4>
							<div class="widget-toolbar">
								<a href="#" data-action="collapse">
									<i class="1 ace-icon fa fa-chevron-up bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="widget-body">
							<div class="widget-main padding-6 no-padding-left no-padding-right">
								<table class="table table-bordered table-striped">
									<thead>
									<tr>
										<th>证书名称</th>
										<th>证书图片</th>
									</tr>
									</thead>
									<tbody>
									{% if product_licenses|length_is:"0" %}
										<tr>
											<td colspan="2">
												无记录
											</td>
										</tr>
									{% else %}
										{% for row in product_licenses %}
											<tr>
												{% for v in row %}
													<td>
														{% if forloop.counter == 2 %}
															<img src="{{ v }}" style="height: 200px" onclick="showBoxImage(this)">
														{% else %}
															{{ v }}
														{% endif %}
													</td>
												{% endfor %}
											</tr>
										{% endfor %}
									{% endif %}
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>

				<div class="col-sm-12 widget-container-col" id="widget-container-col-12">
					<div class="widget-box transparent" id="widget-box-12">
						<div class="widget-header">
							<h4 class="widget-title">产品图片</h4>
							<div class="widget-toolbar">
								<a href="#" data-action="collapse">
									<i class="1 ace-icon fa fa-chevron-up bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="widget-body">
							<div class="widget-main padding-6 no-padding-left no-padding-right">
								<table class="table table-bordered table-striped">
									<thead>
									<tr>
										<th>图片</th>
										<th>创建时间</th>
									</tr>
									</thead>
									<tbody>
									{% if product_imgs|length_is:"0" %}
										<tr>
											<td colspan="2">
												无记录
											</td>
										</tr>
									{% else %}
										{% for row in product_imgs %}
											<tr>
												{% for v in row %}
													<td>
														{% if forloop.counter == 1 %}
															<img src="{{ v }}" style="height: 200px" onclick="showBoxImage(this)">
														{% else %}
															{{ v }}
														{% endif %}
													</td>
												{% endfor %}
											</tr>
										{% endfor %}

									{% endif %}
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>

				<div class="col-sm-12 widget-container-col" id="widget-container-col-12">
					<div class="widget-box transparent" id="widget-box-12">
						<div class="widget-header">
							<h4 class="widget-title">产品原料</h4>
							<div class="widget-toolbar">
								<a href="#" data-action="collapse">
									<i class="1 ace-icon fa fa-chevron-up bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="widget-body">
							<div class="widget-main padding-6 no-padding-left no-padding-right">
								<table class="table table-bordered table-striped">
									<thead>
									<tr>
										<th>原料名称</th>
										<th>产地</th>
										<th>来源</th>
										<th>参考图</th>
										<th>参考资料地址</th>
									</tr>
									</thead>
									<tbody>
									{% if materials|length_is:"0" %}
										<tr>
											<td colspan="5">
												无记录
											</td>
										</tr>
									{% else %}
										{% for row in materials %}
											<tr>
												{% for v in row %}
													<td>
														{% if forloop.counter == 4 %}
															<img src="{{ v }}" style="height: 200px" onclick="showBoxImage(this)">
														{% elif forloop.counter == 5 %}
															<a href="{{ v }}" target="_blank">{{ v }}</a>
														{% else %}
															{{ v }}
														{% endif %}
													</td>
												{% endfor %}
											</tr>
										{% endfor %}
									{% endif %}
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>


				<div class="col-sm-12 widget-container-col" id="widget-container-col-12">
					<div class="widget-box transparent" id="widget-box-12">
						<div class="widget-header">
							<h4 class="widget-title">溯码发布记录</h4>
							<div class="widget-toolbar">
								<a href="#" data-action="collapse">
									<i class="1 ace-icon fa fa-chevron-up bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="widget-body">
							<div class="widget-main padding-6 no-padding-left no-padding-right">
								<table class="table table-bordered table-striped">
									<thead>
									<tr>
										<th>发布时间</th>
										<th>发往地区</th>
										<th>建议售价</th>
										<th>数量</th>
										<th>起始序号</th>
										<th>结束序号</th>
									</tr>
									</thead>
									<tbody>
									{% if publish_smcode_logs|length_is:"0" %}
										<tr>
											<td colspan="6">
												无记录
											</td>
										</tr>
									{% else %}
										{% for row in publish_smcode_logs %}
											<tr>
												{% for v in row %}
													<td>{{ v }}</td>
												{% endfor %}
											</tr>
										{% endfor %}
									{% endif %}
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="widget-toolbox padding-8 clearfix">
			<button class="btn btn-xs btn-success pull-left" onclick="ProductChecker.showPageProductList()">
				<i class="ace-icon fa fa-arrow-left"></i>
				<span class="bigger-110">返回</span>
			</button>

			<button class="btn btn-xs btn-primary pull-right" onclick="ProductChecker.showCheckProductDialog()">
				<span class="bigger-110">审核</span>
				<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
			</button>
		</div>
	</div>

</div>
